<?php Yii::app()->getClientScript()->registerCssFile(Yii::app()->request->baseUrl.'/protected/modules/slider/css/main_slider_bjqs.css'); ?>
<?php Yii::app()->getClientScript()->registerCssFile('http://fonts.googleapis.com/css?family=Source+Code+Pro|Open+Sans:300'); ?>
<?php Yii::app()->getClientScript()->registerCssFile(Yii::app()->request->baseUrl.'/protected/modules/slider/css/main_slider_demo.css'); ?>

<?php Yii::app()->getClientScript()->registerScriptFile(Yii::app()->request->baseUrl.'/protected/modules/slider/script/main_slider_bjqs-1.3.js'); ?>

<div id="banner-slide" class="mainslider">

    <!-- start Basic Jquery Slider -->
    <ul class="bjqs">
        <?php foreach($data as $img): ?>
            <li><a href="<?php echo Yii::app()->createUrl($img->image_link); ?>">
                    <img src="<?php echo Yii::app()->request->baseUrl.'/protected/modules/slider/'.$img->image; ?>" title="<?php echo $img->title; ?>" data-id="<?php echo Yii::app()->createUrl($img->info_text_link); ?>" />
                </a></li>
        <?php endforeach; ?>
    </ul>
    <!-- end Basic jQuery Slider -->
</div>
<script class="secret-source">
    jQuery(document).ready(function($) {

        $('#banner-slide').bjqs({
            animtype      : 'slide',
            width         : 710,
            height        : 308,
            responsive    : true,
            randomstart   : false,
            nexttext      : '<h1>></h1>',
            prevtext      : '<h1><</h1>'
        });

    });
</script>
